@charset "utf-8";
/* CSS Document
*
*Author:织梦先生 & \u7ec7\u68a6\u5148\u751f
*Author URL:http://mrdede.com
*/
@media only screen and (max-width:540px) {
	body{min-width:240px;width:480px;margin-left:auto;margin-right:auto;}
	#wrapper #head .top,
	#wrapper #head .top .TopLogo .logo img,
	#body .inner .right .main .content .maincontent.clearfix img,
	.FeedBack{width:100%!important;height:auto}
	
	#wrapper #head .top .TopLogo,
	#wrapper #head .top .TopInfo,
	#wrapper #head .top .TopInfo .tel,
	.FeedBack .Fright{float:none;width:100%;margin-left:auto;margin-right:auto}
	#wrapper #body,
	.jhyArticleListMainBlock{width:auto;margin-left:10px;margin-right:10px}
	#body .inner .left,
	#body .inner .right,
	.juhaoyongALCommonUnit1,
	.juhaoyongALCommonUnit2{float:none;width:auto;}
	#body .inner .right .main .content .ProInfo .column{float:none;width:auto;padding-left:10px;padding-right:10px}
	
	#body .inner .right .main .content .MorePro .albumblock{width:50%;float:none;padding-left:0;padding-right:0;display:inline-block}

	/*定位*/
	#wrapper #head #NavLink #sddm{overflow:hidden}
	
	/*浮动*/
	#body .inner .right .main .content .ProInfo .image,
	.FeedBack .Fleft{float:none}
	
	/*背景*/
	#wrapper #head .top{background-color:#F5F5F5}
	#wrapper #head #NavLink #sddm{background-color:#94CA01}
	#wrapper #head #NavLink .NavBG{background:none}
	#wrapper #head{background-image:none}
	.FeedBack .Fright .Fcontent{background-size:100% }

	/*宽度*/
	#wrapper #head .top .TopLogo .logo,
	#wrapper #head #NavLink #sddm,
	#body .inner .left .Sbox,
	.FeedBack .Fright .Fcontent,
	#commentform{width:100%}

	.FeedBack .Fright .Fline{width:94%}

	#commentform textarea{width:84%;}

	#wrapper #head #NavLink #sddm li{width:25%}

	#body .inner .left .Sbox .ClassNav,
	#body .inner .left .Sbox .list,
	#body .inner .left .Sbox .txt,
	#body .inner .left .Sbox .SearchBar,
	#body .inner .right .main .content .MorePro,
	#body .inner .left .Sbox .blank,
	.FeedBack .IntroTitle{width:auto}

	/*高度*/
	#wrapper #head #NavLink,
	#wrapper #head #NavLink .NavBG{height:auto;position: relative}

	/*边距*/
	#body .inner .left,
	.juhaoyongALCommonUnit1,
	.juhaoyongALCommonUnit2,
	#body .inner .right .main .content .ProInfo .image,
	.FeedBack .Fleft{margin-bottom:15px}

	.jhyArticleListMainBlock .topic .TopicMore{margin:0px auto}

	#body .inner .right .main .content .ProInfo .image a{margin-left:auto;margin-right:auto}


	/*填充*/
	#footer{padding-bottom:15px}

	#body .inner .right .main{padding-left:0;padding-right:0}

	.juhaoyongIndexLineHeightClass,
	.FeedBack .commentbox{padding-left:5px;padding-right:5px}

	#footer .inner p,
	#body .inner .right .main .content .maincontent.clearfix{padding-left:10px;padding-right:10px}

	/* 块 */
	.juhaoyongTopSearchClass,
	#wrapper #head .top .TopInfo .link,
	#wrapper #head #NavLink #sddm li div,
	#body .inner .right .main .content .clearfix,
	.juhaoyongWidthTab2,
	#Links,
	#Focus .pre,
	#Focus .next,
	#footer .inner .BottomNav{display:none!important}

	#wrapper #head .top .TopInfo .tel p,
	.SearchBar #search-text,
	.SearchBar #search-submit{display:inline-block;vertical-align: middle}

	#body .inner .right .main .content .MorePro{display:inline}

	#body .inner .right .main .content .maincontent.clearfix{display:block!important;}

	#wrapper #head .top .TopInfo:before{content:" ";display:table}
	#wrapper #head .top .TopInfo:after{content:" ";display:table;clear:both}

	/* 居中 */
	#wrapper #head .top .TopInfo .tel{text-align:center!important}

	/*table*/
	#body .inner .right .main .content .maincontent.clearfix table{width:100%!important;margin-bottom:15px!important;overflow-y:hidden;display:block;border:1px solid #DDD;min-height:0.01%;overflow-x:auto}
	#body .inner .right .main .content .maincontent.clearfix table:before{content:" 向左轻滑表格可查看全部内容";display:table}
	#body .inner .right .main .content .maincontent.clearfix table:after{content:" ";display:table;clear:both}
	#body .inner .right .main .content .maincontent.clearfix table tbody{width:100%;max-width:100%;margin-bottom:20px;}
	#body .inner .right .main .content .maincontent.clearfix table td{white-space:nowrap;padding-left:2px;padding-right:2px}
	
	/*独立*/
	#Focus,
	#Focus ul li img{width:100%;height:240px}
	#Focus ul{height:240px}
	#Focus ul li{width:50%;height:240px}
	#Focus .btnBg,
	#Focus .btn{width:100%}
	#body .inner .right .main .content .MorePro .albumblock .inner{width:95%;}
	#body .inner .right .main .content .MorePro .albumblock .albumtitle,
	#body .inner .right .main .content .MorePro .albumblock .boxPrice{width:auto;padding-left:15px}
	
	#body .inner .right .main .content .ProInfo .column ul li:last-child{height:44px;display:block;line-height:44px;text-align: center;}
	#body .inner .right .main .content .ProInfo .column ul li:last-child a{width:172px;display:block;margin-left:auto;margin-right:auto}
	
	#body .inner .right .main .RecruitList td{min-width:70px}
	
	#commentform td{min-width: 70px}
}

@media only screen and (max-width:479px) {
	body,
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:100%}
	#wrapper #head .top .TopLogo .logo{height:auto;}
	#Focus,
	#Focus ul{height:200px}
	#Focus ul li{width:50%;height:200px}
	#Focus ul li img{width:100%;height:200px}
	#footer .inner .BottomNav a{padding:0}
}

@media only screen and (max-width:413px) {
	#wrapper #head #NavLink #sddm li a{width:auto}
	#body .inner .right .main .content .MorePro .albumblock{width:100%}
	.juhaoyongCommonUnitArticleList .JHYBlockTable .ListTitle,
	#body .inner .right .main .ArticleList .fw_t,
	.JHYBlockTable td span{max-width:180px;min-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	
	#body .inner .right .main .ArticleList .fw_s{min-width:80px}
	
	.FeedBack .Fright .Fline{width:100%}
	.FeedBack .Fright .Fcontent{background-image: none}
	.FeedBack .Fright .Fcontent p{padding-left:5px;padding-right:5px}
	.FeedBack .Fright .Fcontent .Freply .FRtitle{margin-left:0}
}

@media only screen and (max-width:359px) {
	#FocusBG,
	#Focus,
	#Focus ul,
	#Focus ul li,
	#Focus ul li img{height:150px}
	#wrapper #head #NavLink #sddm li a{padding:5px 0}
	
	.FeedBack .commentbox #commentform input{width:84%}
	[name="verycode"]{width:70px!important}
}

@media only screen and (max-width:319px) {
	#wrapper,
	#body .inner .right .main .content .maincontent.clearfix{width:auto;padding-left:5px;padding-right:5px}
	#wrapper #head{width:auto;margin-left:-5px;margin-right:-5px;}
	#wrapper #head #NavLink #sddm li a{font-weight: 400}
	#wrapper #body,
	.jhyArticleListMainBlock{width:auto;margin-left:0;margin-right:0}
	.juhaoyongCommonUnitArticleList .JHYBlockTable .ListTitle{max-width:170px}
	
	#body .inner .right .main .content .ProInfo .image a{width:auto;height:auto;}
	#body .inner .right .main .content .ProInfo .image img{width:100%;height:auto}
	
	#body .inner .right .main .RecruitList .Rtitle strong{display:inline-block}
	#body .inner .right .main .RecruitList .Rtitle span{display:inline-block;text-align: left}
}

@media only screen and (max-width:279px) {
	#wrapper #head #NavLink #sddm li a{font-size:12px}
	.juhaoyongCommonUnitArticleList .JHYBlockTable .ListTitle,
	#body .inner .right .main .ArticleList .fw_t{max-width:145px;}
	
	#body .inner .right .Position span{padding-left:3px;background:none}
	#body .inner .right .Position{overflow:hidden;}
}
